<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件分组列表</title>

    <link href="/layui/css/layui.css" rel="stylesheet" media="all"/>

    <script src="/layui/layui.js" charset="utf-8"></script>
    <script src="/js/global.js"></script>
</head>
<body>
<div style="padding: 10px">
    <table id="GroupList" lay-filter="GroupList" class="table"></table>
    <!-- 行工具栏 -->
    <script type="text/html" id="ToolBar">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">删除</a>
    </script>
    <!-- 文件栏模板 -->
    <script type="text/html" id="FileUrlTpl">
        <a href="{{d.FileUrl}}" target="_blank"><i class="icon-file"></i></a>
    </script>
</div>
</body>
</div>



<script>
    layui.use(['table', 'layer', 'jquery', 'upload', 'laydate'], function () {
        var table = layui.table,
            layer = layui.layer,
            upload = layui.upload,
            laydate = layui.laydate,
            $ = layui.$,
            FileUrls = [];

        var tableIns = table.render({
            elem: '#GroupList'
            , autoSort: false   //禁用自動排序
            , height: '690'
            , url: '/index.php/user/Contract/mb_GroupListing' //数据接口
            , page: {
                theme: '#ff6c60'
            }
            , limit: 100
            , limits: [100, 200, 300, 400, 500]
            , cols: [[ //表头 總寬度1670
                {field: 'Name', title: '分组名'}
                , {field: 'TimeCreated', title: '创建时间', sort: true}
                , {title: '編輯', width: 100, align: 'center', toolbar: '#ToolBar'}
            ]]
        });
    });
</script>
</html>